<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="1.css">
    <script src="js1.js" type="text/javascript"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        window.onload = function(){
            var navlist = $("navlist").getElementsByClassName("navli");
            var lis = $("navtop").getElementsByTagName("li");
            for(var i=0;i<lis.length;i++)
            {
                lis[i].index = i;
                navlist[i].index = i;
                lis[i].onmouseover = function() {
                    this.className = "on";
                    navlist[this.index].className = "navli open";
                }
                navlist[i].onmouseover = function(){
                    lis[this.index].className = "on";
                    navlist[this.index].className = "navli open";
                }
                navlist[i].onmouseout = function(){
                    lis[this.index].className = "";
                    navlist[this.index].className = "navli close";
                }
                lis[i].onmouseout = function(){
                    this.className = "";
                    navlist[this.index].className = "navli close";
                }
            }
            
            var leddivs = $("ledl").getElementsByTagName("div");
            var ledps = $("ledl").getElementsByTagName("p");
            for(var i=0;i<ledps.length;i++)
            {
                ledps[i].index = i;
                ledps[i].onmouseover = function() {
                    hideall(leddivs);
                    show(leddivs[this.index]);
                }
                leddivs[i].onmouseover = function(){
                    hideall(leddivs);
                    show(this);
                }
                leddivs[i].onmouseout = function(){
                    hide(this);
                }
                ledps[i].onmouseout = function(){
                    hide(leddivs[this.index]);
                }
            }
            
            var timer = null;
            var time1 = null, time2 =  null;
            var bul = $("banner").getElementsByTagName("ul")[0];
            var blis = bul.children;
            var bar = $("bar");
            var barch = bar.children;
            var more = blis[0].getElementsByTagName("div")[0];
            var text1 = $("text1");
            
            for(var i=0;i<blis.length;i++){
                var barli = document.createElement("li");
                bar.insertBefore(barli,barch[barch.length - 1]);
                var mores = more.cloneNode(true);
                if(i > 0){
                    blis[i].append(mores);
                }
            }

            var blil = blis.length - 1;
            var blim = 0, blir = 1;
            var next = (blir+1 == blil)?blil : blir+1;
            blis[blim].style.left = "1346px";
            blis[blir].style.left = "2692px";
            blis[blil].style.left = "0";
            barch[blim+1].className = "on";

            timer = setInterval(moveleft,5000);

            bul.onmouseover = bar.onmouseover = function(){
                clearInterval(timer);
            }
            bul.onmouseout = bar.onmouseout = function(){
                timer = setInterval(moveleft,5000);
            }

            barch[0].onclick = function(){
                moveleft();
            }
            barch[barch.length - 1].onclick = function(){
                moveright();
            }

            for(var i=1;i<barch.length-1;i++){
                barch[i].index = i;
                barch[i].onclick = function(){
                    var x = this.index-blim-1;
                    var xnew = x;
                    if(xnew == 0){
                        return;
                    }else if(x > 0){
                        xnew = (x<(-x+barch.length-2))?x:(x-barch.length+2);
                    }else{
                        xnew = ((-x)<(x+barch.length-2))?x:(x+barch.length-2);
                    }
                    while(xnew != 0){
                        if(xnew > 0){
                            moveleft();
                            xnew--;
                        }
                        else{
                            moveright();
                            xnew++;
                        }
                    }
                }
            }

            function moveleft(){
                clearTimeout(time1);
                clearTimeout(time2);
                move(blis[blim],0);
                move(blis[blir],1346);
                move(blis[blil],-300);
                time1 = setTimeout(function(){
                    blis[blil].style.left = "3738px";
                    move(blis[blil],2692);
                },150);
                for(var i=0;i<blis.length;i++){
                    barch[i+1].className = "";
                }
                barch[blir+1].className = "on";
                time2 = setTimeout(function(){
                    blil = blim;
                    blim = blir;
                    blir = next;
                    next = (blir+1 == blis.length)?blil : blir+1;
                    if(blim == 1){
                        text1.className = "text on";
                    }else{
                        text1.className = "text";
                    }
                },750);
            }

            function moveright(){
                clearTimeout(time1);
                clearTimeout(time2);
                move(blis[blim],2692);
                move(blis[blir],2992);
                move(blis[blil],1346);
                time1 = setTimeout(function(){
                    blis[blir].style.left = "-1046px";
                    move(blis[blir],0);
                },150);
                for(var i=0;i<blis.length;i++){
                    barch[i+1].className = "";
                }
                barch[blil+1].className = "on";
                time2 = setTimeout(function(){
                    var last = (blil == 0)?(blis.length-1) : (blil-1);
                    blir = blim;
                    blim = blil;
                    blil = last;
                    next = (blir+1 == blis.length)?blil : blir+1;
                    if(blim == 1){
                        text1.className = "text on";
                    }else{
                        text1.className = "text";
                    }
                },750);
            }
        }
    </script>
</head>
<body>
    <div class="warpper" id="header">
        <div class="inner">
            <div class="logo">
                <a href="#"></a>
            </div>
            <div class="top">
                <div class="linkleft">
                    <ul>
                        <li><a href="#">学生</a></li>
                        <li><a href="#">教职工</a></li>
                        <li><a href="#">校友</a></li>
                        <li><a href="#">考生</a></li>
                        <li><a href="#">English</a></li>
                    </ul>
                </div>
                <div class="linkright">
                     <ul>
                        <li class="li1"><a href="#">网上办事大厅</a></li>
                        <li><a href="#">办公系统</a></li>
                        <li><a href="#">邮箱系统</a></li>
                        <li><a href="#">VPN</a></li>
                    </ul>
                    <div class="search">
                        <input type="text" name="" id="search" placeholder="请输入关键字">
                        <button></button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="warpper" id="nav">
        <div class="inner">
            <div id="navtop">
                <ul>
                    <li><a href="#">校情总览</a></li>
                    <li><a href="#">人才培养</a></li>
                    <li><a href="#">科学研究</a></li>
                    <li><a href="#">招生就业</a></li>
                    <li><a href="#">师资队伍</a></li>
                    <li><a href="#">合作交流</a></li>
                    <li><a href="#">综合服务</a></li>
                </ul>
                <div class="cl"></div>
            </div>
            <div id="navlist">
                <div class="navul">
                    <div class="navli">
                        <div>
                            <div class="imgs">
                                <img src="images/1.jpg" alt="">
                            </div>
                            <div class="geduan"></div>
                            <div class="links">
                                <ul>
                                    <li><a href="#">领导致辞</a></li>
                                    <li><a href="#">学校概况</a></li>
                                    <li><a href="#">学校章程</a></li>
                                    <li><a href="#">机构设置</a></li>
                                    <li><a href="#">现任领导</a></li>
                                    <li><a href="#">历任领导</a></li>
                                    <li><a href="#">历史沿革</a></li>
                                    <li><a href="#">校园标识</a></li>
                                    <li><a href="#">校园风景</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="navli">
                        <div class="imgs">
                            <img src="images/2.jpg" alt="">
                        </div>
                        <div class="geduan"></div>
                        <div class="links">
                            <ul>
                                <li><a href="#">本专科培养</a></li>
                                <li><a href="#">研究生培养</a></li>
                                <li><a href="#">留学生教育</a></li>
                                <li><a href="#">继续教育</a></li>
                                <li><a href="#">本科专业</a></li>
                                <li><a href="#">精品课程</a></li>
                                <li><a href="#">示范中心</a></li>
                                <li><a href="#">校友风采</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="navli">
                        <div class="imgs">
                            <img src="images/3.jpg" alt="">
                        </div>
                        <div class="geduan"></div>
                        <div class="links">
                            <ul>
                                <li><a href="#">一流学科</a></li>
                                <li><a href="#">创新团队</a></li>
                                <li><a href="#">重点实验室</a></li>
                                <li><a href="#">研究机构</a></li>
                                <li><a href="#">研究基地</a></li>
                                <li><a href="#">协同创新中心</a></li>
                                <li><a href="#">学术期刊</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="navli">
                        <div class="imgs">
                            <img src="images/4.jpg" alt="">
                        </div>
                        <div class="geduan"></div>
                        <div class="links">
                            <ul>

                                <li><a href="#">本专科招生</a></li>
                                <li><a href="#">研究生招生</a></li>
                                <li><a href="#">留学生招生</a></li>
                                <li><a href="#">成教招生</a></li>
                                <li><a href="#">就业指导服务</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="navli">
                        <div class="imgs">
                            <img src="images/5.jpg" alt="">
                        </div>
                        <div class="geduan"></div>
                        <div class="links">
                            <ul>
                                <li><a href="#">特聘教授</a></li>
                                <li><a href="#">师大教授</a></li>
                                <li><a href="#">人才招聘</a></li>
                                <li><a href="#">教师个人主页</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="navli">
                        <div class="imgs">
                            <img src="images/6.jpg" alt="">
                        </div>
                        <div class="geduan"></div>
                        <div class="links">
                            <ul>
                                <li><a href="#">国际交流</a></li>
                                <li><a href="#">国内合作</a></li>
                                <li><a href="#">孔子学院</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="navli">
                        <div class="imgs">
                            <img src="images/7.jpg" alt="">
                        </div>
                        <div class="geduan"></div>
                        <div class="links">
                            <ul>
                                <li><a href="#">校园文化</a></li>
                                <li><a href="#">在线学习</a></li>
                                <li><a href="#">公共资源</a></li>
                                <li><a href="#">信息服务</a></li>
                                <li><a href="#">网络导航</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="banner" id="banner">
        <div class="imgs">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/banner1.jpg" alt="">
                    </a>
                    <div class="more">
                        <a href="#">More ></a>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="images/banner2.jpg" alt="">
                    </a>
                    <div class="text" id="text1">
                        <span>新时代高校党建示范创建和质量创优工作观摩交流培训在浙师大举行</span>
                    </div>
                    
                </li>
                <li>
                    <a href="#">
                        <img src="images/banner4.jpg" alt="">
                    </a>
                    
                </li>
            </ul>
            <div class="bar" id="bar">
                <div id="left"></div>
                <div id="right"></div>
            </div>
        </div>
    </div>

    <div class="warpper" id="content">
        <div class="inner">
            <div class="mod1">
                <div class="mod-t">
                    <h1>浙师新闻</h1>
                    <a href="#">>></a>
                </div>

                <div class="mod-l">
                    <div class="mod-l1">
                        <a href="#">
                            <img src="images/news.jpg" alt="">
                        </a>
                    </div>
                    <div class="mod-l2">
                        <a href="#">新时代高校党建示范创建和质量创优工作观摩交流培训在...</a>
                    </div>
                </div>

                <div class="mod-r">
                    <ul>
                        <li>
                            <div class="date">
                                <h4>11</h4>
                                <p>2019.07</p>
                            </div>
                            <div class="article">
                                <a href="#">校党委副书记朱坚看望慰问暑期社会实践队师生</a>
                                <p>7月9日，校党委副书记朱坚一行前往金华市磐安县，看望慰问正在当地开展“双百双进”暑期社会实践的师生。　　朱坚认真听取了各实...</p>
                            </div>
                        </li>
                        <li>
                            <div class="date">
                                <h4>10</h4>
                                <p>2019.07</p>
                            </div>
                            <div class="article">
                                <a href="#">2019年台湾大学生浙江夏令营来浙师大交流</a>
                                <p>7月5日，浙江省高校名师辅导员（二级学院副书记）成长引领计划21名学员来浙师大交流。浙师大党委副书记朱坚作为导师为学员们授课...</p>
                            </div>
                        </li>
                        <li>
                            <div class="date">
                                <h4>9</h4>
                                <p>2019.07</p>
                            </div>
                            <div class="article">
                                <a href="#">省科协副主席姜长才一行来浙师大调研</a>
                                <p>7月4日，省科协副主席姜长才一行来浙师大调研，随行的还有金华市科协相关人员。校党委委员、纪委书记傅关福出席座谈会。会上，姜...</p>
                            </div>
                        </li>
                        <li>
                            <div class="date">
                                <h4>9</h4>
                                <p>2019.07</p>
                            </div>
                            <div class="article">
                                <a href="#">童国秀教授入选第四届全省高校“最受师生喜爱的书记”</a>
                                <p>近日，浙江省普通高校党建研究专业委员会、浙江教育报刊总社公布了第四届全省高校“最受师生喜爱的书记”名单，浙师大化学与生命...</p>
                            </div>
                        </li>
                        <li>
                            <div class="date">
                                <h4>7</h4>
                                <p>2019.07</p>
                            </div>
                            <div class="article">
                                <a href="#">浙师大获省（厅）属高校纪检监察干部业务“大比武”三...</a>
                                <p>近日，由省纪委省监委驻省教育厅纪检监察组主办的省(厅)属高校纪检监察干部业务“大比武”活动在浙江警察学院举行。全省34所高校...</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="mod2">
                <div class="mod-t">
                    <h1>学术动态</h1>
                    <a href="#">>></a>
                </div>
                <div class="mod-b">
                    <ul>
                        <li class="li1">
                            <div class="date">
                                <h4>10</h4>
                                <p>2019.07</p>
                            </div>
                            <div class="article">
                                <a href="#">第三届中非影视合作论坛在喀麦隆...</a>
                                <p>7月4日至5日，第三届中非影视合作论坛在喀麦隆首都雅温得举行。...</p>
                            </div>
                        </li>
                        <li>
                            <div class="date">
                                <h4>10</h4>
                                <p>2019.07</p>
                            </div>
                            <div class="article">
                                <a href="#">人文学院常立在《中华读书报》发...</a>
                                <p>近日，《中华读书报》在《书评周刊·成长》一版刊发了浙师大人文...</p>
                            </div>
                        </li>
                        <li>
                            <div class="date">
                                <h4>2</h4>
                                <p>2019.07</p>
                            </div>
                            <div class="article">
                                <a href="#">王珩教授在《光明日报》刊文谈中...</a>
                                <p>7月2日出版的《光明日报》在国际新闻版刊发浙师大非洲研究院王珩...</p>
                            </div>
                        </li>
                        <li class="li1">
                            <div class="date">
                                <h4>28</h4>
                                <p>2019.06</p>
                            </div>
                            <div class="article">
                                <a href="#">一周学术活动【7月1日—7月7日】</a>
                                <p>7月1日（周一）烯丙基钯络合物与亲核试剂反应的选择性控制时间：...</p>
                            </div>
                        </li>
                        <li>
                            <div class="date">
                                <h4>27</h4>
                                <p>2019.06</p>
                            </div>
                            <div class="article">
                                <a href="#">浙师大举办第九届东北论坛 共同...</a>
                                <p>近日，由浙江师范大学牵头，联合黑龙江工业学院、黑龙江出版集团...</p>
                            </div>
                        </li>
                        <li>
                            <div class="date">
                                <h4>27</h4>
                                <p>2019.06</p>
                            </div>
                            <div class="article">
                                <a href="#">外国语学院教师译著《红船精神：...</a>
                                <p>近日，浙师大外国语学院夏建新、洪明、陈芳蓉、印晓红、汪琪、温...</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="mod3">
                <div class="mod-l">
                    <div class="mod-lt">
                        <h1>通知公告</h1>
                        <a href="#">>></a>
                    </div>
                    <div class="mod-lb">
                        <ul>
                            <li>
                                <div class="date">
                                    <p>2019.06</p>
                                    <h4>20</h4>
                                </div>
                                <div class="article">
                                    <a href="#">浙江师范大学学校办公室关于做好2019年暑期有关工作的通知</a>
                                    <p>各党委、党总支，各学院：根据上级有关文件精神和学校总体工作安排，现将暑期有关工作通知如下：一、时间安排2019年暑期从6月29...</p>
                                </div>
                            </li>
                            <li>
                                <div class="date">
                                    <p>2019.06</p>
                                    <h4>5</h4>
                                </div>
                                <div class="article">
                                    <a href="#">教育部学位中心2019年中外合作办学合格性评估网上公示</a>
                                    <p></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mod-r">
                    <p class="a1">
                        <a href="#">
                            <img src="images/laojishiming.jpg" alt="">
                        </a>
                    </p>
                    <p class="a2">
                        <img src="images/liangxueyizuo.jpg" alt="">
                    </p>
                    <p class="a3">
                        <a href="#">
                            <img src="images/keyanjingfei.jpg" alt="">
                        </a> 
                    </p>
                    <p class="a4">
                        <a href="#">
                            <img src="images/yjsluntan.jpg" alt="">
                        </a>
                    </p>
                    <p class="a5">
                        <a href="#">
                            <img src="images/mingsheng.jpg" alt="">
                        </a>
                    </p>
                </div>
            </div>

            <div class="cl"></div>
        </div>
    </div>

    <div class="warpper" id="ledger">
        <div class="inner">
            <div class="mod4">
                <div class="led-l" id="ledl">
                    <ul>
                        <li>
                            <p>部门单位</p>
                            <div>
                                <a href="#"><span>学校办公室（发规处）</span></a>
                                <a href="#"><span>杭州校区管委会</span></a>
                                <a href="#"><span>组织部、统战部</span></a>
                                <a href="#"><span>宣传部、教师工作部</span></a>
                                <a href="#"><span>纪委办、监察处</span></a>
                                <a href="#"><span>离退处</span></a>
                                <a href="#"><span>本科教学部</span></a>
                                <a href="#"><span>教务处</span></a>
                                <a href="#"><span>科学研究院</span></a>
                                <a href="#"><span>人力资源部</span></a>
                                <a href="#"><span>计财处</span></a>
                                <a href="#"><span>学生处</span></a>
                                <a href="#"><span>研究生院</span></a>
                                <a href="#"><span>国际处（港澳台办、汉办）</span></a>
                                <a href="#"><span>审计处</span></a>
                                <a href="#"><span>公管处</span></a>
                                <a href="#"><span>实验室建设与设备管理处</span></a>
                                <a href="#"><span>校园建设处</span></a>
                                <a href="#"><span>保卫处</span></a>
                                <a href="#"><span>工会</span></a>
                                <a href="#"><span>团委</span></a>
                                <a href="#"><span>高培中心</span></a>
                                <a href="#"><spot>继续教育学院</span></a>
                                <a href="#"><span>图文信息中心</span></a>
                                <a href="#"><span>图书馆</span></a>
                                <a href="#"><span>期刊社</span></a>
                                <a href="#"><span>汉办</span></a>
                                <a href="#"><span>校友工作与发展联络办公室</span></a>
                                <a href="#"><span>网络安全与信息化建设办公室</span></a>
                                <a href="#"><span>档案馆</span></a>
                                <a href="#"><span>文科实验中心</span></a>
                                <a href="#"><span>信息实验中心</span></a>
                                <a href="#"><span>附中</span></a>
                                <a href="#"><span>医院</span></a>
                                <a href="#"><span>资产公司</span></a>
                                <a href="#"><span>后勤集团</span></a>
                                <a href="#"><span>幼教集团</span></a> 
                            </div>
                        </li>
                        <li>
                            <p>学院链接</p>
                            <div>
                                <a href="#"><span>初阳学院</span></a>
                                <a href="#"><span>经济与管理学院</span></a>
                                <a href="#"><span>法政学院</span></a>
                                <a href="#"><span>马克思主义学院</span></a>
                                <a href="#"><span>教师教育学院</span></a>
                                <a href="#"><span>杭州幼儿师范学院</span></a>
                                <a href="#"><span>体育与健康科学学院</span></a>
                                <a href="#"><span>人文学院</span></a>
                                <a href="#"><span>外国语学院</span></a>
                                <a href="#"><span>音乐学院</span></a>
                                <a href="#"><span>美术学院</span></a>
                                <a href="#"><span>文化创意与传播学院</span></a>
                                <a href="#"><span>数学与计算机科学学院</span></a>
                                <a href="#"><span>物理与电子信息工程学院</span></a>
                                <a href="#"><span>化学与生命科学学院</span></a>
                                <a href="#"><span>地理与环境科学学院</span></a>
                                <a href="#"><span>工学院</span></a>
                                <a href="#"><span>国际文化与教育学院</span></a>
                                <a href="#"><span>中非国际商学院</span></a>
                                <a href="#"><span>行知学院</span></a>
                            </div>
                        </li>
                        <li>
                            <p>研究机构</p>
                            <div>
                                <a href="#"><span>教科院</span></a>
                                <a href="#"><span>儿童研究院</span></a>
                                <a href="#"><span>非洲研究院</span></a>
                                <a href="#"><span>国际与比较教育研究院</span></a>
                                <a href="#"><span>物理化学研究所</span></a>
                                <a href="#"><span>LED芯片研发中心</span></a>
                                <a href="#"><span>农村研究中心</span></a>
                                <a href="#"><span>信息光学研究所</span></a>
                                <a href="#"><span>非遗研究基地</span></a>
                                <a href="#"><span>教育评论中心</span></a>
                                <a href="#"><span>江南文化研究中心</span></a>
                                <a href="#"><span>环东海与边疆研究院</span></a>
                                <a href="#"><span>含氟新材料研究所</span></a>
                                <a href="#"><span>基础教育质量监测中心</span></a>
                                <a href="#"><span>杭州高等研究院</span></a>                          
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="led-r">
                    <div class="led-rl">
                        <div class="mbox">
                            <img src="images/erweima.jpg" alt="">
                        </div>
                    </div>
                    <div class="led-rr">
                        <div>
                            <ul>
                                <li><a href="#">浙江省教育厅</a></li>
                                <li><a href="#">信息公开</a></li>
                                <li><a href="#">书记信箱</a></li>
                                <li><a href="#">校长信箱</a></li>
                                <li><a href="#">网络导航</a></li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li><a href="#">本科招生</a></li>
                                <li><a href="#">留学生招生</a></li>
                                <li><a href="#">研究生招生</a></li>
                                <li><a href="#">迎新网</a></li>
                                <li><a href="#">就业网</a></li>
                            </ul>
                        </div>
                        <div class="div3">
                            <ul>
                                <li class="li1"><a href="#">内部网</a></li>
                                <li><a href="#">图书馆</a></li>
                                <li><a href="#">教师个人主页</a></li>
                                <li><a href="#">网上办事大厅</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cl"></div>
        </div>
    </div>

    <div class="warpper" id="footer">
        <div class="inner">
            <p>地址：浙江省金华市迎宾大道688号 邮编:321004 浙ICP备05001954号 E-Mail: webserver@zjnu.cn</p>
        </div>
    </div>
</body>
</html>